<template>
  <div class="info">
   <div class="cov">
    <div class="title">病毒信息</div>
    <p>{{covDesc.note1}}</p>
    <p>{{covDesc.note2}}</p>
    <p>{{covDesc.note3}}</p>
    <p>{{covDesc.remark1}}</p>
    <p>{{covDesc.remark2}}</p>
    <p>{{covDesc.remark3}}</p>
   </div>
   <div class="hot">
     <div class="title">
       <img class="icon" src="../../../assets/images/hot.png" width="60px" alt="">
       <a href="##">
         查看更多<img src="../../../assets/images/more.png" alt="">
       </a>
     </div>
     <ul class="imgLiIag">
       <li v-for="item in news" :key="item.id">
         <div class="newHot">最新</div>
         {{item.title}}
         <img src="../../../assets/images/right.png" alt="" >
       </li>
     </ul>
   </div>
  </div>
</template>
<script>
export default {
   name: 'CovInfo',
   props:{
     covDesc: {
       type: Object, 
       default:function () {
         return {}
       }
     },
     news: {
       type: Array,
       default:function () {
         return []
       }
     }
   }
}
</script>
<style lang="less" scoped>
.info {
  padding: 0.2rem;
  .title {
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #666;
    a {
      float: right;
      font-weight: normal;
      color: #4169e2;
      font-size: 0.26rem;
      img{
        width: 0.26rem;
      }
    }
  }
  .title::before{
    content: '';
    border-left: 0.1rem solid rgb(9, 60, 202);
    font-size: 0.26rem;
    margin-right: 0.1rem;
  }
  p{
    line-height: 0.5rem;
    color: #666;
  }
  li{
    display: flex;
    align-items: center;
    line-height: 0.4rem;
    margin-top: 0.3rem;
    font-size: 14px;
    letter-spacing:0.02rem;
    }
    .newHot{
        background-color: #f74c31;
        display :inline-block;
        height: 0.32rem;
        margin-top: 0.03rem;
        margin-right: 0.04rem;
        padding: 0 0.2rem;
        color: #fff;
        font-weight: 500;
        font-size: 0.11rem;
        line-height: 0.32rem;
        text-align: center;
        vertical-align: top;
        border-radius: 0.09rem;
    }
    .imgLiIag li img{
        width:18px;
        float: right;
      
    }
}

</style>